body {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #f6f6f6;
}
.My-points-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
  height: 1.30666667rem;
  background: white;
}
.My-points-header .span_one {
  width: 1.06666667rem;
}
.My-points-header span {
  text-align: center;
  width: 2rem;
  font-size: 0.37333333rem;
  color: #1b1b1b;
}
.My-points-header .span_two {
  flex: 1;
  text-align: center;
  font-size: 0.46666667rem;
}
.My-points-nav {
  height: 3.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  font-size: 0.32rem;
}
.My-points-nav span {
  color: #c9c9c9;
  margin-bottom: 0.4rem;
}
.My-points-nav p {
  color: #fb575b;
}
.My-points-center {
  display: flex;
  line-height: 1.17333333rem;
  margin-left: 0.26666667rem;
  height: 1.17333333rem;
  font-size: 0.32rem;
}
.My-points-center span {
  color: #c4c4c4;
}
.My-points-content {
  display: flex;
  border-bottom: 1px solid #c4c4c4;
  flex-flow: column;
  height: 1.17333333rem;
  font-size: 0.32rem;
  background: #fff;
}
.My-points-content span,
.My-points-content p {
  width: 100%;
  line-height: 0.58666667rem;
  margin-left: 0.26666667rem;
}
.My-points-content span {
  color: #c9c9c9;
  font-size: 0.18666667rem;
}
